<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>登录</title>
    <!-- 引入公共样式  -->
    <link rel="stylesheet" href="../css/normalize.css">
    <link rel="stylesheet" href="../css/common.css">
    <!-- 引入轮播图样式 -->
    <link rel="stylesheet" href="../lib/plugin/css/slider.css">
    <!-- 引入当前文件样式  -->
    <link rel="stylesheet" href="../css/login.css">

</head>
<body>
    <!-- 网页头部 -->
    <div id="header" class="head">
        <div class="column">
            <div class="column container pr">
                <p class="fl pa">legochina.cn</p>
                <p class="fr">欢迎光临<span><a href="./index.html">乐购</a></span>,请  <a href="./login.html">登录</a>\<a href="./register.html">注册</a>
                </p>
            </div>
        </div>
        <div class="logo-nav container pr clearfix">
            <h1 class="logo  pa"><img src="../imgs/05-登录_02.jpg" alt=""></h1>          
            <p class="welcome">欢迎登录</p>
        </div>
    </div>
    <!-- 登录框 -->
    <div id="login" class="login">
        <div class="container">
            <div class="login-box">
                <div>
                    <ul class="title clearfix">
                        <li class="com-control com-active fl">扫码登录</li>
                        <li class="com-control fl">账户登录</li>
                    </ul>
                    <div class="content">
                        <img src="../imgs/images/05-登录_07.jpg" alt="" class="code">
                        <img src="../imgs/images/05-登录_06.jpg" alt="" class="phone">
                        <p class="notice">打开手机版 乐购APP  扫一扫</p>
                    </div>
                    <div class="content on pr">
                        <p class="user">
                            <span class="fl"><img src="../imgs/images/05-账户登录-A_03.jpg" alt=""></span>
                            <input type="text" placeholder="用户名" class="username fl"> <span class="del-btn fr">x</span>
                        </p>
                        <p class="pwd">
                            <span><img src="../imgs/images/05-账户登录-A_06.jpg" alt=""></span>
                            <input type="password" placeholder="密码" class="password">
                        </p>
                        <p class="check-status clearfix">
                            <input type="checkbox" class="fl">立即登录
                            <span class="fr">忘记密码</span>
                        </p>
                        <p ><input type="submit" value="登录" class="login-btn"></p>
                        <a href="#" class="reg-link pa"><span class="symbol">&gt;</span>立即注册</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 尾部 -->
    <div id="footer" class="mt35">
        
        <div class="hot-web">
            <a href="#" class="hot-link">公司简介</a>
            <a href="#" class="hot-link">Investor Relations</a>
            <a href="#" class="hot-link">网站联盟</a>
            <a href="#" class="hot-link">乐购招商机构销售</a>
            <a href="#" class="hot-link">手机乐购</a>
            <a href="#" class="hot-link">官方Blog</a>
            <a href="#" class="hot-link">热词搜索</a>
        </div>
        <p class="copyright">Copyright (C) 乐购网 2004-2016, All Rights Reserved</p>
    </div>
    <script src="../lib/plugin/lib/jquery.min.js"></script>
    <script src="../lib/plugin/lib/jquery.slidebox.js"></script>
    <script src="../js/common.js"></script>
    <!-- 引入当前文件的js -->
    <script src="../js/login.js"></script>
</body>
</html>